<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS 实现</title>

    <script>
        function myFunction() {
            document.getElementById("demo").innerHTML = "改一个Html 的元素"
        }
    </script>
</head>
<body>
    <h1>My Web Page</h1>
    <p id="demo">A Paragraph</p>
    <p id="demo2">这是第二个元素</p>
    <p id="demo3">这是第三个元素</p>

    <!--  三个按钮 -->
    <button type="button" onclick="myFunction()">Try it</button>
    <button type="button" onclick="myFunction2()">改变第二个P元素</button>
    <button type="button" onclick="outerFunction()">改变第三个P元素</button>
    <!-- script 也可以放在 body 中  -->
    <script>
        function myFunction2() {
            document.getElementById("demo2").innerHTML = "改第二个Html 的元素"
        }
    </script>
    <script src="myScript.js"></script>
</body>
</html>